﻿<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="GBK">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>请升级您的浏览器</title>
</head>
<style>
  html {
    background: #fff;
    width: 100%;
    height: 100%;
  }

  body {
    font-family: "Microsoft YaHei", 微软雅黑, "STHei", 华文黑体, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
    padding: 0;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  b {
    font-size: 100%;
    font-weight: 500;
  }
  ol,
  ul {
    list-style: none;
  }

  a {
    color: #57bc4c;
    text-decoration: none;
    cursor: pointer;
  }


  .mainCenter {
    width: 990px;
    margin: 0 auto;
  }

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }
  .backToOld {
    width: 180px;
    height: 35px;
    border: #57bc4c solid 1px;
    color: #57bc4c !important;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
  }

  .backToOld:hover {
    background: #57bc4c;
    color: #fff !important;
  }

  .remind {
    height: 50px;
    line-height: 50px;
    background-color: #f15e4c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
  }

  .brower {
    width: 988px;
    height: 335px;
    border: #dddddd solid 1px;
    margin-top: 40px;
  }

  p {
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    font-size: 16px;
    color: #333333;
  }

  .brower ul {
    margin-top: 22px;
  }

  .brower li {
    width: 148px;
    height: 245px;
  }

  .google {
    margin-left: 150px;
    display: inline;
  }

  .firefox,
  .ie {
    margin-left: 120px;
  }

  .brower div {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 12px;
    margin-top: 25px;
    background: #57bc4c;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
  }

  .brower div:hover {
    background: #1c8713;
  }

  .brower_360 {
    height: 236px;
    width: 988px;
    border: #dddddd solid 1px;
    margin-top: 40px;
  }

  .brower_360 img {
    margin-left: 33px;
    margin-top: 30px;
  }
</style>

<body>
  <div class="mainCenter">
    <div class="remind">
      温馨提示：您当前的浏览器版本过低，存在安全风险，建议升级浏览器
    </div>
    <div class="brower">
      <p>浏览器升级推荐</p>
      <ul>
        <li class="fl google">
          <img src="googlep.jpg" />
          <a href="http://www.google.cn/intl/zh-CN/chrome/browser/" target="_blank">
            <div>前往下载</div>
          </a>
        </li>
        <li class="fl firefox">
          <img src="firefoxp.jpg" />
          <a href="http://www.mozilla.org/zh-CN/firefox/new/" target="_blank">
            <div>前往下载</div>
          </a>
        </li>
        <li class="fl ie">
          <img src="IEp.jpg" />
          <a href="https://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank">
            <div>前往下载</div>
          </a>
        </li>
      </ul>
    </div>
    <div class="brower_360">
      <p>
        如果您正在使用360浏览器，建议您切换到<strong>极速模式</strong>后再次访问
        <a href="/">
          网站首页
        </a>。
      </p>
      <img src="360.jpg" />
    </div>
  </div>
</body>

</html>